@extends('layouts.home')

@section('title', '首页')

@section('style')
<style type="text/css">
    .panel{
        padding:80px 20px 0px;
        min-height:500px;
        cursor:default;
    }
    .text-center {
        margin:0 auto;
        text-align: center;
        border-radius:10px;
        max-width:900px;
        -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
        -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
        box-shadow: 0px 0px 5px rgba(0,0,0,.1);
        
    }
    .float-left {
        float: left !important;
    }
    .float-right {
        float: right !important;
    }
    img {
        border: 0;
        vertical-align: bottom;
    }
    h2 {
        padding-top: 20px;
        font-size: 20px;
    }
    .padding-big {
        padding: 20px;
    }
    .alert {
        border-radius: 5px;
        padding: 15px;
        border: solid 1px #ddd;
        background-color: #f5f5f5;
    }
</style>
@endsection


@section('header')
    <header class="header">
        <nav class="navbar navbar-default" id="navbar">
            <div class="container">
                <div class="header-topbar hidden-xs link-border">
                    <ul class="site-nav topmenu">
                        <li><a href="/tags">标签云</a></li>
                        <li><a href="/readers" rel="nofollow">读者墙</a></li>
                        <li><a href="/links" rel="nofollow">友情链接</a></li>
                        <ul class="dropdown-menu header-topbar-dropdown-menu">
                            <li><a data-toggle="modal" data-target="#WeChat" rel="nofollow"><i class="fa fa-weixin"></i> 微信</a></li>
                            <li><a href="#" rel="nofollow"><i class="fa fa-weibo"></i> 微博</a></li>
                            <li><a data-toggle="modal" data-target="#areDeveloping" rel="nofollow"><i class="fa fa-rss"></i> RSS</a></li>
                        </ul>
                        </li>
                    </ul>
                    <a data-toggle="modal" data-target="#loginModal" class="login" rel="nofollow">Hi,请登录</a>&nbsp;&nbsp;<a href="javascript:;" class="register" rel="nofollow">我要注册</a>&nbsp;&nbsp;<a href="" rel="nofollow">找回密码</a> </div>
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar" aria-expanded="false"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                    <h1 class="logo hvr-bounce-in"><a href="/" title=""><img src="{{ URL::asset('images/logo.png') }}" alt=""></a></h1>
                </div>
                <div class="collapse navbar-collapse" id="header-navbar">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="/">首页</a></li>
                        <li><a href="category.html">前端技术</a></li>
                        <li><a href="category.html">后端程序</a></li>
                        <li><a href="category.html">操作系统</a></li>
                        <li><a href="category.html">杂七杂八</a></li>
                        <li><a href="category.html">关于我</a></li>
                    </ul>
                    <form class="navbar-form visible-xs" action="/Search" method="post">
                        <div class="input-group">
                            <input type="text" name="keyword" class="form-control" placeholder="请输入关键字" maxlength="20" autocomplete="off">
                            <span class="input-group-btn">
            <button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
            </span> </div>
                    </form>
                </div>
            </div>
        </nav>
    </header>
@endsection

@section('content')
    <section class="container">
        <div class="panel">
            <div class="text-center">
                <h2><stong>404错误！很抱歉，您要找的页面不存在</stong></h2>
                <div>
                    <div class="float-left"> <img src="{{ URL::asset('images/404/left.gif') }}" alt="" />
                        <div class="alert"> 卧槽！页面不见了！ </div>
                    </div>
                    <div class="float-right"> <img src="{{ URL::asset('images/404/right.png') }}" width="260" class="hidden-xs" alt="" /> </div>
                </div>
                <div class="padding-big"> <a href="" class="btn btn-primary">返回首页</a> <a href="feedback" class="btn btn-default">保证不打死管理员</a> </div>
            </div>
        </div>
    </section>
@endsection

@section('script')
    {{--    js脚本预留位--}}

@endsection
